<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>修改用户</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="../../../../component/elementUI/index.css" />
    <link rel="stylesheet" href="../../../../style/index.css" />
  </head>

  <body>
    <div id="app" class="minWidth">
      <el-form
        :model="form"
        ref="contract"
        inline-message="true"
        style="width: 100%"
      >
        <div class="table_titel">
          <div class="titel">修改员工</div>
        </div>
        <el-descriptions :column="3" border size="small">
          <el-descriptions-item label="姓名">
            <el-form-item prop="Employee_Name">
              <el-input
                v-model.trim="form.Employee_Name"
                placeholder="请输入姓名"
              ></el-input>
            </el-form-item>
          </el-descriptions-item>
          <el-descriptions-item label="服务类型">
            <el-form-item prop="Service_Category">
              <el-select
                v-model.trim="form.Service_Category"
                placeholder="请选择服务类型"
                filterable
                style="width: 100%"
              >
                <el-option
                  v-for="(item,index) in Service_Category"
                  :key="index"
                  :label="item"
                  :value="item"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-descriptions-item>
          <el-descriptions-item label="移动电话">
            <el-form-item prop="Mobile">
              <el-input
                v-model.trim="form.Mobile"
                placeholder="请输入移动电话"
              ></el-input>
            </el-form-item>
          </el-descriptions-item>
          <el-descriptions-item label="身份证号">
            <el-form-item prop="ID_Number">
              <el-input
                v-model.trim="form.ID_Number"
                placeholder="身份证号"
              ></el-input>
            </el-form-item>
          </el-descriptions-item>
          <el-descriptions-item label="性别">
            <el-form-item prop="Gender">
              <el-radio-group v-model="form.Gender">
                <el-radio label="男" value="男"></el-radio>
                <el-radio label="女" value="女"></el-radio>
              </el-radio-group>
            </el-form-item>
          </el-descriptions-item>
          <el-descriptions-item label="民族">
            <el-form-item prop="Nation">
              <el-select
                v-model.trim="form.Nation"
                placeholder="民族"
                style="width: 100%"
                filterable
              >
                <el-option
                  v-for="item in national()"
                  :label="item"
                  :value="item"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-descriptions-item>
          <el-descriptions-item label="学历">
            <el-form-item prop="Education">
              <el-select
                v-model.trim="form.Education"
                placeholder="学历"
                style="width: 100%"
                filterable
              >
                <el-option
                  v-for="item in ducation()"
                  :label="item"
                  :value="item"
                ></el-option>
              </el-select>
            </el-form-item>
          </el-descriptions-item>
          <el-descriptions-item label="户籍地址">
            <el-form-item prop="Residence_Address">
              <el-cascader
                v-model.trim="value1"
                placeholder="请选择省/市/区"
                :props="{ value: 'label' }"
                filterable
                clearable
                :options="city"
                style="width: 100%"
              ></el-cascader>
            </el-form-item>
          </el-descriptions-item>
          <el-descriptions-item label="现住址">
            <el-form-item prop="Current_Residence_Address">
              <el-input
                v-model.trim="form.Current_Residence_Address"
                placeholder="现住址"
              ></el-input>
            </el-form-item>
          </el-descriptions-item>
          <el-descriptions-item label="钉钉用户ID">
            <el-form-item prop="DingTalk_UserID">
              <div style="display: flex">
                <el-button @click="handleID()" type="success">获取ID</el-button>
                <el-input
                  v-model.trim="form.DingTalk_UserID"
                  placeholder="钉钉用户ID"
                ></el-input>
              </div>
            </el-form-item>
          </el-descriptions-item>
          <!-- <el-descriptions-item label="户口性质">
          <el-form-item prop="Household_Register_Class">
            <el-input v-model.trim="form.Household_Register_Class" placeholder="户口性质"></el-input>
          </el-form-item>
        </el-descriptions-item>
        <el-descriptions-item label="入职日期">
          <el-form-item prop="Entry_Date">
            <el-date-picker v-model="form.Entry_Date" value-format="yyyy-MM-dd HH:mm:ss" align="right" type="date"
              placeholder="选择日期" style="width: 100%"></el-date-picker>
          </el-form-item>
        </el-descriptions-item>
        <el-descriptions-item label="离职日期">
          <el-form-item prop="Departure_Date">
            <el-date-picker v-model="form.Departure_Date" value-format="yyyy-MM-dd HH:mm:ss" align="right" type="date"
              placeholder="选择日期" style="width: 100%"></el-date-picker>
          </el-form-item>
        </el-descriptions-item>
        <el-descriptions-item label="合同流水号">
          <el-form-item prop="Contract_SerialNumber">
            <el-input v-model.trim="form.Contract_SerialNumber" placeholder="请输入合同流水号"></el-input>
          </el-form-item>
        </el-descriptions-item>
        <el-descriptions-item label="是否补缴保险">
          <el-form-item prop="Supplementary_Insurance">
            <el-radio-group v-model="form.Supplementary_Insurance">
              <el-radio :label="0" :value="0">不补缴(默认)</el-radio>
              <el-radio :label="1" :value="1">补缴</el-radio>
            </el-radio-group>
          </el-form-item>
        </el-descriptions-item> -->
        </el-descriptions>

        <el-form-item class="form-operation">
          <el-button @click="window.history.back()">返回</el-button>
          <el-button @click="resetForm('contract')">重置</el-button>
          <el-button
            type="primary"
            :loading="loading"
            @click="submitForm('contract')"
            >提交</el-button
          >
        </el-form-item>
      </el-form>
    </div>
    <script
      type="text/javascript"
      src="../../../../utils/jquery-3.6.0.min.js"
    ></script>
    <script
      type="text/javascript"
      src="../../../../utils/jquery.cookie.js"
    ></script>
    <script type="text/javascript" src="../../../../utils/vue.min.js"></script>
    <script type="text/javascript" src="../../../../config/config.js"></script>
    <script
      type="text/javascript"
      src="../../../../component/elementUI/index.js"
    ></script>
    <script type="text/javascript" src="../../../../utils/utils.js"></script>
    <script
      type="text/javascript"
      src="../../../../utils/ID_Validity.js"
    ></script>
    <script type="text/javascript" src="./js/Edit.js"></script>
    <script type="text/javascript"></script>
  </body>
</html>
